<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>订房间-桔子酒店</title>
    <link rel="stylesheet" href="css/hotel.css">
</head>
<body>
    <div class="header">
        <img src="images/juzi1.jpg" alt="">
        <a href="index.html" class="return">返回</a>
        <a href="#" class="collect">收藏</a>
    </div>
    <div class="message">
        <h3>桔子酒店(南通光耀广场店)</h3>
        <p>
            <span>舒适酒店 2020年开业</span>
            <a href="#">设施详情</a>
        </p>
        <hr>
        <div class="score">4.8</div>
        <span class="comment">很棒</span>
        <hr>
        <div class="address">
            <h5>工农南路100号星光耀广场2号楼</h5>
            <p>距市中心1.6公里</p>
            <a href="#">地图</a>
            <p>距市中心直线1.5公里，驾车约2.18公里，约5分钟</p>            
        </div><br>
        <hr><br>
        <p>您有120元优惠券待领取<a href="#">立即领取</a></p>
    </div>
    <div class="check">
        <div class="check-time">
            <p class="time">
                <span>07月28日</span>今天入住&nbsp;-&nbsp;
                <span>07月29日</span>明天离店
                <a href="#">共1晚</a>
            </p>            
        </div>
        <div class="room">
            <img src="images/chanyi.jpg" alt="">
            <div class="sale-room">特价好房</div>
            <div class="check-info">
                <h3>禅音双床房</h3>
                <span>2张单人床|无餐食|30-35m<sup>2</sup>|禁烟</span>
                <div class="ten">十亿豪补</div>
                <span class="no-cancel">不可取消</span>                
            </div>
            <div class="price">
                <div class="sale"><span>已减28元</span></div>
                <span class="pastM">&yen;322</span><br>
                <span class="nowM">&yen;292</span>起<br>
                <a href="#">
                    <div class="pay">预订 在线付</div>
                </a>                    
            </div>
        </div>
        <div class="room">
            <img src="images/moon2.jpg" alt="">
            <div class="check-info">
                <h3>月若流金双床房</h3>
                <span>2张单人床|30-35m<sup>2</sup>|禁烟</span>
                <div class="ten">十亿豪补</div>     
            </div>
            <div class="price">
                <div class="sale">已减35元</div>
                <span class="pastM">&yen;371</span><br>
                <span class="nowM">&yen;336</span>起<br>   
                <a href="#">
                    <div class="pay">预订 在线付</div>
                </a>                                 
            </div>
        </div>
        <div class="room">
            <img src="images/sunshine.jpg" alt="">
            <div class="check-info">
                <h3>加州阳光</h3>
                <span>1张大床|30-35m<sup>2</sup>|禁烟</span>
                <div class="ten">十亿豪补</div>     
            </div>
            <div class="price">
                <div class="sale">已减63元</div>
                <span class="pastM">&yen;342</span><br>
                <span class="nowM">&yen;279</span>起<br>  
                <a href="#">
                    <div class="pay">预订 在线付</div>
                </a>                                  
            </div>
        </div>
        <div class="room">
            <img src="images/moon1.jpg" alt="">
            <div class="check-info">
                <h3>月若流金</h3>
                <span>1张大床|30-35m<sup>2</sup>|禁烟</span>
                <div class="ten">十亿豪补</div>     
            </div>
            <div class="price">
                <div class="sale">已减40元</div>
                <span class="pastM">&yen;401</span><br>
                <span class="nowM">&yen;361</span>起<br>   
                <a href="#">
                    <div class="pay">预订 在线付</div>
                </a>                                 
            </div>
        </div>
    </div>
    <div class="notice">
        <h3>酒店政策</h3>
        <p>入住时间：12:00以后 离店时间：12:00以前</p>
        <h5>宠物</h5>
        <p>不可携带宠物</p>
        <h5>膳食安排</h5>
        <p>中式早餐 RMB 38</p>
    </div>
    <div class="recommended">
        <h3>精选附近酒店</h3>
        <div class="hotel">
            <img src="images/Hhotel.jpg" alt="">
            <div class="gold">金牌酒店</div>
            <div class="info">
                <h4>H酒店(南通光耀广场店)</h4><span>高档型</span><br>
                <span class="score">4.8</span>
                <span class="comments">很棒</span>
                <span>687人住过</span><br>
                <span>据该酒店&lt;100米 狼山风景区</span>
                <p class="yuding">刚刚有人预订</p>
                <p class="money">
                    <span class="past">&yen;330</span>
                    <span class="now">&yen;302</span>起
                </p>
                <div class="disconts">
                    <a href="#">
                     <div class="dis1">十亿豪补</div>
                     <div class="dis2">已减28元</div>
                    </a>                    
                </div>
            </div>
        </div>
        <div class="hotel">
            <img src="images/Jhotel.jpg" alt="">
            <div class="hot">热销</div>
            <div class="info">
                <h4>南通金石商务酒店</h4><span>高档型</span><br>
                <span class="score">4.6</span>
                <span class="comments">很好“早餐丰富，位置好”</span>
                <span>1500+人...</span><br>
                <span>据该酒店450米 狼山风景区</span>
                <p class="yuding">半小时前有人预订</p>
                <p  class="money">
                    <span class="past">&yen;270</span>
                    <span class="now">&yen;248</span>起
                </p>
                <div class="disconts">
                    <a href="#">
                     <div class="dis1">十亿豪补</div>
                     <div class="dis2">已减22元</div>
                    </a>                    
                </div>
            </div>
        </div>
        <div class="hotel">
            <img src="images/Whotel.jpg" alt="">
            <div class="hot">热销</div>
            <div class="info">
                <h4>南通文景国际大酒店</h4><span>高档型</span><br>
                <span class="score">4.6</span>
                <span class="comments">很好“早餐丰富，停车方便”</span>
                <span>593人...</span><br>
                <span>据该酒店1.2公里 狼山风景区</span>
                <p class="yuding">半小时前有人预订</p>
                <p  class="money">
                    <span class="past">&yen;451</span>
                    <span class="now">&yen;418</span>起
                </p>
                <div class="disconts">
                    <a href="#">
                     <div class="dis1">十亿豪补</div>
                     <div class="dis2">已减33元</div>
                    </a>                    
                </div>
            </div>
        </div>
        <div class="hotel">
            <img src="images/Bhotel.jpg" alt="">
            <div class="gold">金牌酒店</div>
            <div class="info">
                <h4>南通滨江洲际酒店</h4><span>豪华型</span><br>
                <span class="score">4.8</span>
                <span class="comments">很棒“早餐不错，环境不错”</span>
                <span>1300+...</span><br>
                <span>据该酒店1.5公里 狼山风景区</span>
                <p class="yuding">4小时前有人预订</p>
                <p  class="money">
                    <span class="past">&yen;918</span>
                    <span class="now">&yen;840</span>起
                </p>
                <div class="disconts">
                    <a href="#">
                     <div class="dis1">十亿豪补</div>
                     <div class="dis2">已减78元</div>
                    </a>                    
                </div>
            </div>
        </div>
    </div>
</body>
</html>